@charset "utf8";
header{
	width: 100%;
	height: 47px;
	background: #333333;
	
}
/* 中控区设定宽高 */

   header div#wrapper div.head_left ul li a{
	   color: #9a9898;
   }

	header div#wrapper div.head_left ul li a.c{
		border:0;
	}
	header div#wrapper div.head_left ul li a:hover{
		color: white;
	}
	/*--------------------------------------------------------------------------*/
	
/*  */
 div#wrapper div.head_right  a.x,div#wrapper div.head_right  a.y {
		border:0;
	}
/* 购物车加宽，背景色 */
 header div#wrapper div.head_right ul li.li_right{
	width: 100px;
	background: #424243;
}
/* 中控右区小图标 */
 header div#wrapper div.head_right ul li.li_right i.shop{
	 
	 padding: 0 10px;
	 /*url(路径：相对路径)*/
	 background: url(../img/buy.png) no-repeat;
	 position: relative;
	 left: 2px;
	 top: 2.8px;
 }
 header div#wrapper div.head_right ul div.out2{
	 width: 280px;
	 height: 68px;
	 background: #ffffff;
	 /* 绝对定位 */
	 position: absolute;
	 left: 1189px;
	 top:47px;
	 /* 默认隐藏  搞不定【jQuery】*/
	 display: none;/*显示：*/
	 z-index: 20;
 }
 /* 难题：鼠标移动购物车上，文本+图片+背景色同时改变
    思路：派生选择器+伪类选择器【伪类不是在最后】
	可以加背景色的同时加颜色加背景
	解读：给购物车区域加背景色，同时给a加文字颜色，以及添加背景图
  */
   header div#wrapper div.head_right ul li.li_right:hover{
	  background: #ffffff;
  }
   header div#wrapper div.head_right ul li.li_right:hover a{
	   color: #ff7d00;
   }
   header div#wrapper div.head_right ul li.li_right:hover i.shop{
	 
	  background: url(../img/buy01.png) no-repeat;
	  
}
header div#wrapper div.head_right ul li a:hover{
	color: #ffffff;

}
